<!DOCTYPE html>
<html>

<head>
  <title>千锋宿舍管理系统</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="../css/bootstrap.min.css">
  <link rel="stylesheet" href="../css/stytem.css">
  <script src="../js/checklLogin.js"></script>
  <script src="../js/bootstrap.js"></script>
  <script src="../../project/js/ajax.js"></script>
  <script src="../js/jquery.min.js"></script>
  
  <style>
  </style>
</head>

<body style="background-image: url(../img/dlem.jpg);">
  <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
  </svg>
  <main>
      <div class="d-flex flex-column flex-shrink-0 p-3"
          style="width: 280px;background-color: #fff;margin:30px 0 0 30px;background-color: #28313c !important;">
          <div><span class="fs-4" style="font-weight: 700;color: #f7ffff;margin-left: 20px;">千锋宿舍管理系统</span></div>
          <hr>
          <ul class="nav nav-pills flex-column mb-auto">
              <li class="nav-item">
                  <a href="./home.html" class="nav-link link-dark" aria-current="page"
                      style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                      <svg class="bi me-2" width="16" height="16">
                          <use xlink:href="#home" />
                      </svg>
                      情况总览
                  </a>
              </li>
              <li>
                  <a href="./dormitoryStaff.html" class="nav-link link-dark"
                      style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                      <svg class="bi me-2" width="16" height="16">
                          <use xlink:href="#speedometer2" />
                      </svg>
                      宿舍人员
                  </a>
              </li>
              <li>
                <a href="./Absentstudent.html" class="nav-link link-dark" style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                    <svg class="bi me-2" width="16" height="16">
                        <use xlink:href="#table" />
                    </svg>
                    缺勤登记
                </a>
            </li>
              <li>
                  <a href="./moveIn.html" class="nav-link link-dark"
                      style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                      <svg class="bi me-2" width="16" height="16">
                          <use xlink:href="#table" />
                      </svg>
                      入住申请
                  </a>
              </li>
              <li>
                  <a href="./manage.html" class="nav-link active"
                      style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                      <svg class="bi me-2" width="16" height="16">
                          <use xlink:href="#grid" />
                      </svg>
                      管理人员
                  </a>
              </li>
              <li>
                  <a href="./updatepassword.html" class="nav-link link-dark"
                      style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                      <svg class="bi me-2" width="16" height="16">
                          <use xlink:href="#people-circle" />
                      </svg>
                      修改密码
                  </a>
              </li>
              <li>
                  <a href="#" class="nav-link link-dark" style="font-size: 20px;font-weight: 700;color: #f7ffff;"
                      id="logout">
                      <svg class="bi me-2" width="16" height="16">
                          <use xlink:href="#people-circle" />
                      </svg>
                      退出系统
                  </a>
              </li>
          </ul>
      </div>
      <div style="width:100%;height:100%; margin: 30px;">
          <div class="card p-3 mb-2 bg-white bg-gradient text-dark"
              style="width:100%;height: 70px; flex-direction: row; justify-content: space-between;padding: none;background-color: #28313c !important;">
              <h2 style="color: #f7ffff;">管理人员</h2>
              <span id="center" style="font-size: 26px;color: #f7ffff;"></span>
              <div>
                  <img src="../img/aaa.jpg" style="width: 50px;height: 45px;border-radius: 39%;" alt="">
                  <span id="manageName"
                      style="font-size: 25px;line-height: 35px;color: #f7ffff;">文渊</span>&nbsp;&nbsp;
                  <button type="button" class="btn btn-danger btn-sm" style="margin-bottom: 5px;"
                      id="quit">退出</button>
              </div>
          </div>
      <div class="card p-3 mb-2 bg-white bg-gradient text-dark"
        style="width:100%;height: 100%;background-color: #fff;margin-top:20px;text-align: center;">
        <div style="width: 100%;margin-bottom: 10px;text-align: center;">
          <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#myModal"
            style="width: 700px;height:80px ;">添加管理员</button>
        </div>
        <table class="table table-bordered table table-hover">
          <thead>
            <tr>
              <th>管理员名</th>
              <th>权限等级</th>
              <th>查看宿舍人员</th>
              <th>通过入住申请</th>
              <th>修改管理人员</th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody>
            
          </tbody>
        </table>
      </div>
    </div>
    <div class="b-example-divider"></div>
    <div class="modal" id="myModal">
      <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
          <!-- 模态框头部 -->
          <div class="modal-header">
            <h4 class="modal-title">添加管理员</h4>
            <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
          </div>
          <!-- 模态框内容 -->
          <div class="modal-body">
            <form>
              <div class="row">
                <div class="col">
                  账号：<input type="text" id="addusername" class="form-control" placeholder="请输入账号" name="email">
                </div>
                <div class="col">
                  密码：<input type="password" id="addpassword" class="form-control" placeholder="请输入密码" name="pswd">
                </div>
              </div>
              <div class="row">
                <div class="col">
                  性别：<input type="text" id="addgender" class="form-control" placeholder="请输入性别" name="email">
                </div>
                <div class="col">
                  城市：<input type="text" id="addres" class="form-control" placeholder="请输入城市" name="pswd">
                </div>
              </div>
              <div class="row">
                <div class="col">
                  姓名：<input type="text" id="addname" class="form-control" placeholder="请输入姓名" name="email">
                </div>
                <div class="col">
                  权限：<select id="addpower" style="width: 172px;height:35px;margin-top:25px">
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                  </select>
                </div>
              </div>
            </form>
          </div>
          <!-- 模态框底部 -->
          <div class="modal-footer">
            <button type="button" class="btn btn-success" data-bs-dismiss="modal" onclick="addManage()">确定</button>
            <button type="button" class="btn btn-danger" data-bs-dismiss="modal">关闭</button>
          </div>
        </div>
      </div>
    </div>
    <div class="modal" id="myModal2">
      <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
          <!-- 模态框头部 -->
          <div class="modal-header">
            <h4 class="modal-title">修改管理员权限</h4>
            <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
          </div>
          <!-- 模态框内容 -->
          <div class="modal-body">
            <form>
              <div class="row">
                <div class="col">
                  <input type="text" id="updid" style="display: none;">
                  账号：<input type="text" id="updusername" readonly="readonly" class="form-control" placeholder="请输入账号" name="email">
                </div>
                <div class="col">
                  密码：<input type="password" id="updpassword" disabled="disabled" class="form-control" placeholder="请输入密码" name="pswd">
                </div>
              </div>
              <div class="row">
                <div class="col">
                  性别：<input type="text" id="updgander" disabled="disabled" class="form-control" placeholder="请输入性别" name="email">
                </div>
                <div class="col">
                  城市：<input type="text" id="updres" disabled="disabled" class="form-control" placeholder="请输入城市" name="pswd">
                </div>
              </div>
              <div class="row">
                <div class="col">
                  姓名：<input type="text" id="updname" disabled="disabled" class="form-control" placeholder="请输入姓名" name="email">
                </div>
                <div class="col">
                  权限：<select id="updpower" style="width: 172px;height:35px;margin-top:25px">
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                  </select>
                </div>
              </div>
            </form>
          </div>
          <!-- 模态框底部 -->
          <div class="modal-footer">
            <button type="button" class="btn btn-success" data-bs-dismiss="modal" onclick="updpower()">确定</button>
            <button type="button" class="btn btn-danger" data-bs-dismiss="modal">关闭</button>
          </div>
        </div>
      </div>
    </div>
  </main>
</body>
<script src="../js/manage.js"></script>
<script src="../js/systemTime.js"></script>

</html>